.loginContainer{
    border-radius:8px; 
    margin-left:auto; 
    margin-right: auto;
    border:1px solid #cccccc;
    width: 300px;


    padding: 10px;
    font-family: Helvetica;
    font-size: 10pt;
}

.registrationContainer{
    border-radius:8px; 
    margin-left:auto; 
    margin-right: auto;
    border:1px solid #cccccc;
    width: 600px;


    padding: 10px;
    font-family: Helvetica;
    font-size: 10pt;
    color: #555555;
}

.labelStyle{
    display: inline-block;
    text-align: right;
    width:20%;
}

.fieldStyle{
    display: inline-block;
    text-align: left;
    width:auto;
}

h1{
    text-align: center;
}
.fieldBlock{
    display:block;
    padding:5px;
    width:100%;
}

.formButton{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

button{
    font-size:16pt;
    vertical-align: middle;
    text-align: center;
    width:150px;
    height:35px;
}

.invalidFieldError{
    color: #cc0000;
    border:1px dashed #cc0000;
    padding:5px;
    border-radius:5px;
}

.needRegistration{
    display:block;
    font-size:9pt;
    color: #555555;
    text-align: center;
}

.info{
    color: #666666;
    font-size:9pt;    
    margin:5px;
    border:1px dashed #666666;
    padding:5px;
    border-radius:5px;
}

.formButtons{
    text-align: center; 
    margin:10px;
}